<template>
  <el-tabs v-model="activeName" @tab-click="handleClick">

    <el-tab-pane label="基本信息" style="">
      <div class="info1">
        <span>员工编号:1025112013736764417</span>
        <span>司机名称:司广州</span>
        <span>所属机构:广州分拣中心</span>
        <span>电话:18877770000</span>
        <span>年龄:36</span>
      </div>
    </el-tab-pane>
    <el-tab-pane label="行驶证证信息" name="">
      <div class="info1">
        <span>驾驶证号:1231234342水电费第三方</span>
        <span>准驾车型:A类货车4324343</span>
        <span>初次领证日期:2010-01-15</span>
        <span>驾驶证有效期限: 5所发生的年</span>
        <span>驾龄:80 年</span>
        <span>驾驶证类型:S类驾照</span>
        <span>从业资格证:驾驶证99995555555555</span>
        <span>入场证信息:1211111798</span>
        <el-col :span="24"><span>图片信息</span></el-col>
      </div>
    </el-tab-pane>

  </el-tabs>
</template>
<script>
export default {
  data() {
    return {
      activeName: 'second'
    }
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event)
    }
  }
}
</script>
<style lang="scss" scoped>
.info{
  // width: 500px;
  height: 70px;
  margin-top: 30px;
  span{
      display:inline-block;
      width: 200px;
      margin-right: 140px;
      margin-left:  40px;
      margin-bottom: 30px;
      white-space: nowrap;
 }
}
.info1{
   height: 150px;
  margin-top: 30px;
  span{
      display:inline-block;
      width: 200px;
      margin-right: 140px;
      margin-left:  40px;
      margin-bottom: 30px;
      white-space: nowrap;
 }
}
</style>
